<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/ionicons.css">
  <link rel="stylesheet" href="./css/material-design-iconic-font.css">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/font-awesome.min.css">
  <link rel="stylesheet" href="./css/register.css">
  <title>登录页面</title>
</head>

<body>
  <!-- 注册页导航栏 -->

  <head>
    <div class="nav_center">
      <div class="nav_logo_jpg">
        <img src="./img/logo.png" alt="" />
      </div>
      <div class="nav_menu">
        <a href="./index.html">商城首页</a>
        <a href="./shop_1.html">产品中心</a>
        <a href="#">促销中心</a>
        <a href="#">联系我们</a>
        <a href="#">关于我们</a>
        <span>
          <a href="./register.html">注册<span>/</span><a href="./login.html">登录</a></a>
        </span>
        <div class="sc_zmdi">
          <ul class="sc_zmdi_ioc">
            <div class="ipt">
              <input type="text" name="" id="" placeholder="输入搜索的商品">
            </div>
            <li><a href=""><i class="zmdi zmdi-search icon"></i></a></li>
            <li><a href=""><i class="zmdi zmdi-lock-outline icon"></i></a></li>
            <li><a href=""><i class="zmdi zmdi-shopping-cart-plus icon">
                  <div class="gw_ioc">2</div>
                </i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </head>

  <!-- 黑色大图 -->
  <div class="bg">
    <div class="bg_black">
      <div>
        <div class="bg_text">
          <a href="./index.html">Home</a>
          /
          <span> Products</span>
          <h2>Account</h2>
        </div>
      </div>
    </div>
  </div>

  <!-- 登录框 -->
  <div class="dl">
    <div class="dl_center_nav">
      <div class="dl_center">
        <div class="dl_text_head">
          <h4>
            Login
          </h4>
          <p>请在下方输入正确的账户信息进行登录</p>
        </div>
        <div class="dl_inpt clearfix">
          <input type="text" name="" id="" placeholder="请设置您的账号" class="iput1">
          <input type="text" placeholder="请输入密码" class="iput2">
          <input type="text" name="" id="" placeholder="请再次输入密码" class="iput3">
          <input type="text" name="" id="" placeholder="请输入您的手机号" class="iput4">
          <input type="text" name="" id="" placeholder="请输入图片中的验证码" class="iput5">
          <img src="./img/u=1398377869,224533831&fm=26&fmt=auto.webp" alt="">
          <input type="text" name="" id="" placeholder="请输入获取的验证码" class="iput6">
          <button>获取动态验证码</button>
          <div>
            <div class="ts">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">格式错误,请输入6-13位数字或字母</p>
              </div>
            </div>
            <div class="ts2">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">账号不能为空</p>
              </div>
            </div>
          </div>
          <div>
            <div class="ts3">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">密必须大于八位并至少包含一位数字、字母、特殊字符</p>
              </div>
            </div>
            <div class="ts4">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">密码不能为空</p>
              </div>
            </div>
            <div class="ts5">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">两次密码不一致</p>
              </div>
            </div>
            <div class="ts6">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">请输入正确的手机号</p>
              </div>
            </div>
            <div class="ts7">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">手机号不能为空</p>
              </div>
            </div>
            <div class="ts8">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">验证码错误</p>
              </div>
            </div>
            <div class="ts9">
              <div class="dl_ts">
                <div class="san">
                </div>
                <div class="jiao"></div>
                <p class="mp">验证码不能为空</p>
              </div>
            </div>
          </div>
        </div>
        <div class="dl_btn">
          <button>注册</button>
          <a href="">
            <a href="./login.html">去登录</a>
          </a>
        </div>
      </div>
    </div>
  </div>


  <!-- 页脚 -->
  <div>
    <div class="sc_box">
      <div class="sc_foot">
        <table></table>
        <div class="sc_foot_1">
          <table></table>
          <div>
            <img src="./img/logo.png" alt="">
          </div>
          <div class="foot1_text">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error voluptas eveniet quos.</p>
            <p><i class="ion-ios7-location-outline"></i><span>184 Main Rd E, St Albans VIC 3021</span></p>
            <p><i class="ion-ios7-email-outline"></i> <a href="#"> info@example.com</a></p>
          </div>
        </div>

        <div class="sc_foot2">
          <div>
            <h5>INFORMATION</h5>
          </div>
          <div>
            <p>Specials
            </p>
            <p> New products
            </p>
            <p>Top sellers
            </p>
            <p>Our stores
            </p>
            <p>Contact us</p>
          </div>
        </div>

        <div class="sc_foot2">
          <div>
            <h5>QUICK LINKS</h5>
          </div>
          <div>
            <p>Specials
            </p>
            <p> New products
            </p>
            <p>Top sellers
            </p>
            <p>Our stores
            </p>
            <p>Contact us</p>
          </div>
        </div>

        <div class="sc_foot3">
          <div>
            <h5>NEWSLETTER</h5>
          </div>
          <p>Sign up for our newsletter & promotions</p>
          <div>
            <input type="text" name="" id="" placeholder="emily@example.com">
          </div>
          <div class="foot_btn">
            <button>Subscribe</button>
          </div>
        </div>

      </div>
    </div>
  </div>








  <script src="./vender/jquery-3.6.0.min.js"></script>
  <script src="./js/index.min.js"></script>
  <script src="./js/bootstrap.min 2.js"></script>
</body>

</html>